<template>
  <div id="nav">
    <div class="logo"><img src="01.png" alt="" /></div>
    <div class="font">
      <router-link to="/we" class="c01">首页</router-link> |
      <router-link to="/group" class="c02">小组</router-link> |
      <router-link to="/video" class="c03">广播</router-link> |
      <router-link to="/movie" class="c04">电影</router-link> |
      <router-link to="/movie" class="c05">图书</router-link>
    </div>
  </div>

  <!-- <div>
      <button @click="fun1()">点我去首页</button>
    </div> -->
</template>
  <script>
// export default {
//   methods: {
//     fun1() {
//       this.$router.push("/shouye");
//     },
//   },
// };
</script>
<style scoped>
html{
  font-size: 0.16rem;
}
#nav {
  width: 100%;
  height: 0.8rem;
  position: fixed;
  background: white;

  top: 0;
  /* background: hotpink; */
  font-size: 0.16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  border-bottom: 1px solid #f6f6f6;
}
.font {
  width: 1.8rem;
  height: 0.3rem;
  font-size: 0.12rem;
}
#nav img {
  width: 0.5rem;
  height: 0.3rem;
}
.router-link-active {
  color: red;
}
#nav .c01 {
  color: blue;
}
#nav .c02 {
  color: #d5d;
}
#nav .c03 {
  color: hotpink;
}
#nav .c04 {
  color: green;
}
#nav .c05 {
  color: darkorange;
}
</style>
